<template>
	<view>
		<!-- #ifndef MP-WEIXIN -->
		<public-header :title="title"></public-header>
		<view class="hei_100"></view>
		 <!-- #endif -->
		<view v-for="(item, index) in table" :key="index" class="card">
			<view class="body">
				<view class="title">{{item.businessName}}</view>
				<view class="text"><text style="color: #999999;">预约时间:</text>{{item.appointmentDatetime}}</view>
				<view class="text"><text style="color: #999999;">服务次数:</text>{{item.amount}}*{{item.univalence}}{{item.univalenceUnit}}</view>
				<view class="text"><text style="color: #999999;">预约地址:</text>{{item.province}}{{item.city}}{{item.region}}{{item.address}}</view>
			</view>
		</view>
	</view>
</template>

<script>
import PublicHeader from '@/components/PublicHeader.vue';
	export default {
		components: {
			PublicHeader
		},
		data() {
			return {
				title: '工作安排',
				table: []
			}
		},
		onLoad(option) {
			var _this = this
			_this.$http.get('/employee/schedule', {
				employeeId: option.id,
				startTime: '',
				endTime: ''
			})
			.then(function(response) {
				_this.table = response.data
			})
			.catch(function(error) {
			});
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
page{
	background: #F9FAFB;
}
.card{
	margin-top: 20rpx;
	width: 686rpx;
	height: 270rpx;
	margin-left: 32rpx;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1rpx solid #EBECED;
}
.body{
	width: 634rpx;
	height: 166rpx;
	margin-left: 26rpx;
}
.title{
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	
	font-size: 30rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #333333;
	border-bottom: 1rpx solid #DFDFDF;
	
	margin-bottom: 20rpx;
}
.text{
	width: 100%;
	height: 37rpx;
	line-height: 37rpx;
	font-size: 26rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
}
</style>
